.tabbar-line{
	width: 750rpx;
	height: 2rpx;
	background: #FCFCFD;
}
.content-box{
	width:695rpx;
	margin:auto;
}
.user-box{
	position:relative;
	>.user-back{
		width:100%;
	}
	>.user-content{
		position:absolute;
		top:0;
		left:0;
		padding:35rpx 25rpx;
		width:100%;
		box-sizing: border-box;
		>.top{
			display:flex;
			>.left{
				width: 110rpx;
				height: 110rpx;
				border-radius: 50%;
				margin-right:16rpx;
			}
			>.right{
				>.top{
					margin-top:12rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FFFFFF;
					>.right{
						width:44rpx;
						margin-left:10rpx;
					}
				}
				>.bottom{
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #FAF8FB;
					margin-top:21rpx;
				}
			}
		}
		>.bottom{
			display:flex;
			justify-content: flex-end;
			font-size: 20rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #D7E7FD;
			margin-top:85rpx;
		}
	}
}
.open-vip{
	font-size: 26rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFF8EE;

	background: linear-gradient(-16deg, #33AFFA, #56C4FC);
	border-radius: 18rpx;
	padding:7rpx 0;
	width: 419rpx;
	display:flex;
	justify-content: center;
	align-items: center;
	margin:auto;
	margin-top:39rpx;
	>.vip-font{
		width:47rpx;
		margin:0 8rpx;
	}
}
.open-vip-select{
	display:flex;
	justify-content: space-between;
	margin-top:44rpx;
	>.open-vip-option{
		width:180.5rpx;
		padding:49rpx 16rpx;
		
		background: #EDF8FF;
		
		border-radius: 20rpx;
		position:relative;
		>.label{
			position:absolute;
			top:0;
			left:0;
			width: 88rpx;
			height: 44rpx;
			background: linear-gradient(90deg, #FF4D2F 0%, #FF8329 100%);
			font-size: 25rpx;
			font-family: NotoSansHans;
			font-weight: 400;
			color: #FFFFFF;
			display:flex;
			justify-content: center;
			align-items: center;
			border-radius: 20rpx 0 20rpx 0;
		}
		>.text1{
			font-size: 33rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			display:flex;
			justify-content: center;
			align-items: center;
		}
		>.text2{
			font-size: 60rpx;
			font-family: Adobe Heiti Std;
			font-weight: normal;
			color: #FF502F;
			display:flex;
			justify-content: center;
			align-items: center;
			>text{
				font-size: 30rpx;
			}
		}
		>.text2-blue{
			color:#37B1FA;
		}
		>.text3{
			font-size: 33rpx;
			font-family: Adobe Heiti Std;
			font-weight: normal;
			text-decoration: line-through;
			color: #37B1FA;
			opacity: 0.35;
			display:flex;
			justify-content: center;
			align-items: center;
		}
		>.text4{
			font-size: 25rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			background: #FF4F2E;
			padding:10rpx 16rpx;
			border-radius: 23rpx;
			display:flex;
			justify-content: center;
			align-items: center;
			width:126rpx;
			margin:auto;
			margin-top:10rpx;
			>.left{
				width:23rpx;
			}
		}
		>.text4-2{
			background:none;
			border:1rpx solid #37B1FA;
			color:#37B1FA;
			display:flex;
			justify-content: center;
			align-items: center;
			
		}
	}
	>.open-vip-option-select{
		border: 1rpx solid #37B1FA;
	}
}
.now-open-vip{
	font-size: 38rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	width: 680rpx;
	height: 101rpx;
	background: #37B1FA;
	border-radius: 51rpx;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:47rpx;
}
.my-invitation-title{
	font-size: 33rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #333333;
	display:flex;
	align-items: center;
	margin-top:20rpx;
	>.title-line{
		width: 12rpx;
		height: 40rpx;
		background: #37B1FA;
		border-radius: 6rpx;
		margin-right: 10rpx;;
	}
}
.my-invitation{
	display:flex;
	justify-content: space-between;
	padding:32rpx 0;
	border-bottom:1rpx solid #DDDDDD;
	>.left{
		display: flex;
		>.left{
			width: 110rpx;
			height: 110rpx;
			border-radius: 50%;
			margin-right:16rpx;
		}
		>.right{
			>.top{
				margin-top:8rpx;
				>.left{
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #2B2937;
					margin-right:10rpx;
				}
				>.right{
					width:41rpx;
					height:31rpx;
				}
			}
			>.bottom{
				display:flex;
				margin-top:20rpx;
				>.left{
					font-size: 15rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					background: linear-gradient(-82deg, #FF8AB4, #FF73A4);
					border-radius: 16rpx;
					padding:0 12rpx;
					height: 33rpx;
					
					display:flex;
					justify-content: center;
					align-items: center;
					>.left{
						width:16rpx;
						height:16rpx;
					}
				}
				>.right{
					margin-left:10rpx;
					font-size: 15rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					padding:0 12rpx;
					height: 33rpx;
					background: linear-gradient(-82deg, #BB89FC, #987FFF);
					border-radius: 16rpx;
					display:flex;
					justify-content: center;
					align-items: center;
				}
			}
		}
	}
	>.right{
		>.top{
			font-size: 23rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #9C9AA7;
		}
		>.bottom{
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			
			width: 123rpx;
			height: 66rpx;
			background: linear-gradient(-19deg, #0C97F8, #56C4FC);
			border-radius: 33rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top:19rpx;
		}
	}
}